$color-border: #e1e1e1;
$color0: #000;
$color1: #b71120;
$color2: #FFF;
$color3: #6a6a77;
$color4: #333;
$color5: #999;
.orderFoodDetail {
    height: 100%;
    overflow: hidden;
    font-size: 14PX;
    background: $color2;
    display: flex;
    flex-direction: column;

    &_header {
        color: $color0;
        font-weight: 700;
        padding: 10PX;
        display: flex;

        view {
            margin-left: 10PX;
        }
    }

    &_store {
        display: flex;
        width: 100%;
        overflow-x: auto;

        view {
            padding: 5PX 16PX;
            border: 1PX solid $color1;
            color: $color1;
            margin-left: 10PX;
            flex-shrink: 0;
            border-radius: 2PX;
        }

        &_active {
            color: $color2 !important;
            background: $color1;
        }
    }

    &_title {
        position: relative;
        padding: 6PX 15PX;
        color: $color3;
    }

    &_title::before {
        content: "";
        display: inline-block;
        position: absolute;
        left: 8PX;
        top: 50%;
        margin-top: -8PX;
        width: 2PX;
        height: 16PX;
        background-color: $color1;
    }

    &_list {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        border-bottom: none;

        &_wrap {
            flex: 1;
            overflow-y: auto;
        }

        &_tips {
            color: $color1;
        }

        &_item {
            display: flex;
            width: 30%;
            margin: 0 1.6%;
            color: $color1;
            border: 1PX solid $color1;
            border-radius: 5PX;
            margin-bottom: 5PX;
            flex-direction: column;

            &_active {
                background: $color1;
                color: $color2;
            }


            &_active &_header {
                border-bottom: 1PX solid $color2;
            }

            &_header {
                font-weight: 700;
                border-bottom: 1PX solid $color1;
                justify-content: center;
                text-align: center;
                padding: 2PX 0;
            }

            &_con {
                padding: 2PX;
            }
        }

        &_item_disable {
            background: $color5;
            color: $color3;
        }
    }

    &_footer {
        display: flex;
        background: $color2;

        &_left {
            display: flex;
            flex: 1;
            border-top: 1PX solid $color-border;
            align-items: center;
            padding-left: 20PX;
            color: $color1;
        }

        &_button {
            color: white;
            border: none;
            background: $color1;
            width: 80PX;
            height: 100%;
            border-radius: 0;
        }
    }
}
